<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/首页.css">
</head>

<body>
    <div class="box">
        <header>
            <div class="far">
                <div class="left">
                    <img src="image/logo_02.jpg" alt="">
                    <ul class="absolute">
                        <li style="margin-top: 26px;"><a href="">HMOE 网站首页</a></li>
                        <li><a href="">RESOURSE 传悦资源</a> </li>
                        <li>
                            <a href="caselist.html">CASE 传悦案例</a>
                        </li>
                        <li><a href="solutionlist.html">SOLUTION 解决方案</a></li>
                        <li><a href="">SUBMIT 需求提交</a></li>
                    </ul>
                    <div class="chuanyue">
                        <h4>传悦观点 <span>&nbsp;&nbsp;&nbsp;&nbsp;VIEWPOINT</span> <img style="width: 12px;height: 12px;margin-left: 100px;" src="image/r.png" alt="">
                        </h4>
                        <div class="bottom">
                            <h1><img src="image/loimg_03.jpg" alt="">
                            </h1>
                            <div class="ptag">
                                <p>传悦上线前的准备</p>
                                <p>08-17</p>
                                <p>创梦网络科技有限责任公司......</p>
                            </div>
                        </div>
                        <div class="close">
                            <img src="image/sure_07.png" alt="">
                        </div>
                    </div>
                </div>
                <ul class="right">
                    <li class="first"><span><img src="image/iphon_03.png" alt=""></span>0535-60652189</li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
        </header>
        <footer>
            <div class="son">
                <h2>Copright 2013 创梦网络科技有限责任公司 || 传悦 Chnyoo.cn All Rights Received &nbsp;&nbsp;&nbsp;京ICP备12005221号</h2>
                <ul>
                    <li>关于传说</li>
                    <li>新闻动态</li>
                    <li>传悦观点</li>
                    <li>联系传悦</li>
                    <li>加入传悦</li>
                    <li style="margin-right: 4px;">付款账户</li>
                </ul>
            </div>
        </footer>
        </div>
</body>

</html>
<script>
    let clos = document.querySelector(".close");
    let chuanYue = document.querySelector(".chuanyue");
    clos.onclick = function() {
        chuanYue.style.display = "none";
    }
</script>